<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style/style.css">
</head>

<body>
    <header>
        <div class="heaerer-left">
            <a href="https://www.sass.hk/">Sass中文网</a>
        </div>
        <div class="heaerer-right">
            <a href="https://www.sass.hk/">首页</a>
            <a href="https://www.sass.hk/install/">安装</a>
            <a href="https://www.sass.hk/guide/">快速入门</a>
            <a href="https://www.sass.hk/docs/">中文文档</a>
            <a href="https://www.sass.hk/faq/">常见问题</a>
            <a href="https://www.sass.hk/skill/">使用技巧</a>
            <a href="https://www.sass.hk/css2sass/">CSS转Sass</a>
            <a href="https://www.sass.hk/about/">关于</a>
        </div>
    </header>
    <div class="banner">
        <img src="./images/sass.png" alt="" srcset="">
        <h3>
            世界上最成熟、最稳定、最强大的专业级CSS扩展语言！  
        </h3>
        <button class="but-size">安装Sass</button>
    </div>
    <div class="function">
        <div class="function-one">
            <div>
                <h2>兼容CSS</h2>
                <p>Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。</p>
            </div>
            <div>
                <h2>特性丰富</h2>
                <p>Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力，一直使其保持领先地位。</p>
            </div>
            <div>
                <h2>成熟</h2>
                <p>Sass已经经过其核心团队超过13年的精心打造。</p>
            </div>
        </div>
        <div class="function-two">
            <div>
                <h2>行业认可</h2>
                <p>一次又一次地，行业把Sass作为首选CSS扩展语言。</p>
            </div>
            <div>
                <h2>社区庞大</h2>
                <p>数家科技企业和成百上千名开发者为Sass提供支持。</p>
            </div>
            <div>
                <h2>框架</h2>
                <p>有无数的框架使用Sass构建。比如Compass，Bourbon，和Susy</p>
            </div>
        </div>
    </div>
    <div class="partners">
        <h1>合作伙伴</h1>
        <p>COOPERATIVE PARTNER</p>
        <div class="partners-img">
            <img src="./images/1.png" alt="" srcset="">
            <img src="./images/025.png" alt="" srcset="">
            <img src="./images/aly.png" alt="" srcset="">
            <img src="./images/027.png" alt="" srcset="">
        </div>
    </div>
    <hr class="hrbox">
    <footer>
        <span>Sass中文网（Sass中国）©2017 - 友情链接 - 文章/教程征集 - 闽ICP备13012724号-5</span>
    </footer>
</body>

</html>